<section>
  <div class="bMap">
    <div>
      <div #mapBox id="mapBox" class="map"></div>
    </div>
    <ion-tabs>
      <ion-tab-bar class="map-toolbar">
        <ion-tab-button [class.active]="curIndex === 0" appDebounceClick (debounceClick)="tabChange(0)">
          <i></i>
          <p>{{ (tagData?.data?.tabs)[0].label }}</p>
        </ion-tab-button>
        <ion-tab-button [class.active]="curIndex === 1" appDebounceClick (debounceClick)="tabChange(1)">
          <i></i>
          <p>{{ (tagData?.data?.tabs)[1].label }}</p>
        </ion-tab-button>
        <ion-tab-button [class.active]="curIndex === 2" appDebounceClick (debounceClick)="tabChange(2)">
          <i></i>
          <p>{{ (tagData?.data?.tabs)[2].label }}</p>
        </ion-tab-button>
        <ion-tab-button [class.active]="curIndex === 3" appDebounceClick (debounceClick)="tabChange(3)">
          <i></i>
          <p>{{ (tagData?.data?.tabs)[3].label }}</p>
        </ion-tab-button>
      </ion-tab-bar>
    </ion-tabs>
  </div>
</section>